﻿
 
 body
	{
		background:url("../Images/mainpage/pattern.jpg") repeat;
		
		margin:0;
		
	}
	img{ border:none;}
	
	a ,p{ text-decoration:none; color:#3c573a; }
	
	.more a,.hot a{text-decoration:underline;}
	.hot a{ font-size:14px;}
	.more a{font-size:12px;}
    .pointer{ cursor:pointer;}

    .trend,.article,.birth,.hot
    {
            display:table;
        }
    .addfriend ,  .deletefriend , .addfocus , .deletefocus , .confirmfeedback，
    .acceptopenlover ,.acceptsecretlover,.rejectlover,.acceptfriend,.rejectfriend
    { cursor:pointer;}
/* -------- */
#logo
{	
	margin:auto;
	width:1200px;
	height:500px; 
	background-image:url("../Images/mainpage/LOGO.png");
	background-repeat:no-repeat;
}
#bg
{
	background-image:url('../Images/mainpage/gradient.png');
	background-repeat:repeat-x;
	
	
		
}
 #foot { background:url("../Images/mainpage/footer.png") repeat-x;
 height:40px; width:100%;bottom:0;}
 
 #main { display:table; min-height:760px;}
 
.headimage
{
   width:60px;
 height:60px; 
 float:left;
 }
 

	
/*------------*/

	

		

	
#selfimage 
{	 width:100px;
   	height:100px;
 	margin-left:15px;
 	 float:left;
}
 
#selfname{
	width:100px;
	height:100px;
	float:left;
	padding-top:10px;
	text-align:center;
	font-family:黑体;
	font-size:16px;}
	
#selfdata
{
padding-left:40px;
font-family: Impact 黑体;
font-size:18px;
}
		
 #a{color:#00a7fa;}
 #b{color:#0081d8;}	
 #c{color:#0053a9;}
 #d
 {
 background:url("../Images/mainpage/gift.png") no-repeat ;
 height:24px;
 padding-left:40px;
 }
 #d p{font-family:宋体;font-size:14px;color:#3c573a;padding-top:4px;}
 
 /*------search---------*/
 
 
	
	#search {
		margin-left:-5px;
		background:url("../Images/mainpage/search/box.png") no-repeat ;
		height:26px;
		padding:3px;
		margin-top:10px;
		width:225px;
	
		}	
	#search input{ border:none; outline-style:none;width:190px; font-size:宋体;font-size:14px}
	#search a {float:right;margin-right:10px;margin-top:-2px;}	
	#search #bigmirror{padding-top:3px;margin-left:-3px;}	
	
/*-------.listhead---------*/
	
	.listhead
	{
	height:49px;
	text-align:right;
	width:inherit;
	
	
	}

	
	/*-------list---------*/
	
	.list
	{ 
	  margin-left:-40px;
	  margin-top:15px;
	  font-size:12px;
	}
	.list #name
	{font-size:14px;}
	
	
		/*-------------listcontent and listbottom-----------------*/
		
    #recommendlist .listhead
	{
	background:url("../Images/mainpage/recommend/f_recommend_top.png") no-repeat;
	}
	
	 .listcontent
	{   
		background:url("../Images/mainpage/recommend/1-px.png") repeat-y 45px 0;
		margin-left:-8px;
		margin-top:-18px;
	}
	
	.recommend ,.hot{padding-top:10px;}
		
		
	#hotlist .listhead
	{background:url("../Images/mainpage/recommend/hot_recommend_top.png") no-repeat;}
	
	
	#birthlist .listhead
	{ background:url("../Images/mainpage/recommend/birthday_remind_top.png") no-repeat;
		}
	
	.listbottom{
		
		 background:url("../Images/mainpage/recommend/left_bottom.png") no-repeat;
		 height:15px;
		 
		 margin-left:33px;
		
	 
		}
		
	/*-------recommendlist---------*/
	#recommendlist 
	{
		/*background:url(../Images/mainpage/left_1px.png) repeat-y 45px 0;*/
				
				
	}
	

	
	.recommend{
		
	 position:relative; 
     height:60px;
	 margin-left:53px;
	 margin-top:18px;
	 
	 }
	 
   .recommemd div{ height:60px;}
	  
	 #recommendlist .actionpart
	{background:url("../Images/mainpage/recommend/plus.png") no-repeat 0 1px;}
	
	/*---------hotlist-----------*/
	#hotlist
	{
		/*background:url("../Images/mainpage/recommend/");*/
		
	}
	
	/*-----------birthlist-----------*/
	#birthlist
	{/*background:url("../Images/mainpage/recommend/recommend.png");*/
		margin-top:50px;}
	
	
	#birthlist .actionpart
	{background:url("../Images/mainpage/recommend/gift_s.png") no-repeat -4px 1px;}	
	
	 .hot{position:relative; 
	 margin-left:60px;
	 margin-top:10px;}
	 
	/*----------part------------*/
	.imagepart{ float:left;width:60px;}
   	#middle .imagepart{ margin-left:15px;margin-top:10px;}
	
	.infopart
	{   float:left;
		width:90px;
		text-align:center;
	}
    .actionpart
	{
	    float:left;
	width:75px;
	text-align:center;
	}
		
	 .infopart p,.actionpart p{ line-height:12px; margin-top:3px;}
	
	.more {
	text-align:right;
	padding-right:20px;
	padding-bottom:2px;
	font-size:9px;
	}
	
	

	
 
	/*------comment---------*/

	
	.commenthead{
		background:url("../Images/mainpage/comment_top.png") no-repeat;
				height:20px;
					
		}
	
	
	.comment 
	{ 
	background:url("../Images/mainpage/comment_1px.png") repeat-y ;
	min-height:120px;
	margin-bottom:10px;
	margin-top:-20px;
	display:table;
	}
	.close{ text-align:right; 
	padding-right:15px;
	 font-size:9px; height:5px;
	 padding-top:0;
	 margin:auto;}
	
	.comment .headline{font-size:12px; }
	.comment .smallimagepart,.commentcontent{margin-left: 15px;margin-top: 0px; float:left;}
	.smallheadimage{width:50px; height:50px;}
	.commentcontent{ margin-top:0px;}
	.commentcontent .headline{margin-top:0px;}
	.commentcontent .contentline{margin-top:0px;}
	
	.trend ,.clear{ display:table;}
	
	.commentlist{ display:inline-table; width:443px;margin:auto;}
	/*--------clear------------*/
	.clear{
		
	height:10px;
	clear:both;
	background :url("../Images/mainpage/line-thick.png") no-repeat;
	
	width:500px;
	margin:auto ;
	
		
	}

	
	.commentclear
	{
	
	height:10px;
	clear:both;
	background :url("../Images/mainpage/line-thin.png") no-repeat 0 8px;
	
	width:400px;
	margin:auto ;
	
	}
	
	/*------title----------*/
	
	
	.title ,.trend ,.comment,.commenthead,.reply
	{width:443px; margin:auto;}
	.title{margin-top:5px;margin-bottom:10px;}
	
	.title p {
	margin-left:-4px;
	 margin-top:0;
	margin-bottom:0;
	color:#3c573a;
	font-family:黑体;
	font-weight:bold;
	font-size:16px;}
	
	.trend p,#focusfeeling p
	{ 
	
	margin-left:10px;
	margin-top:10px;
	}
	
	
	/*-----content----------*/
	
	.headline{ margin-bottom:4px; margin-top:8px; font-size:16px;}
	.contentline{ margin-top:10px; font-weight:100; font-size:14px; line-height:16px;}
	
	.commentline {font-size:13px;}
	
	.headline span{ font-weight:bold;}
	

	
	.feelingcontent, .commentcontent, .trendcontent
	{
	width:363px;
	float:left;
	}

   
	
	#trendlist .trend
	{  
	   min-height:150px;
	   

	   
	}
	/*---------focusfeeling----------------*/
		#focusfeeling{width:531px; margin:auto; position:relative;}
	.middle-drop{ width:443px; float:left;  }
	.middle-drop
	{	
		 background:url("../Images/mainpage/concern_bg.png") no-repeat ;
		 height: 99px;
		 margin-bottom:15px;	 
	}
	
	.left-drop ,.right-drop
	{	
	width:44px;
	float:left;
	height:55px;
	}
	
	.left-drop input,.right-drop input
	{
		width:44px;
	height:55px;
	border:none;
	outline-style:hidden;	
	margin-top:20px;
		}
	
	.left-drop input
	{ 
	background:url("../Images/mainpage/left.png") no-repeat;
	}
	.right-drop input
	{
	background:url("../Images/mainpage/right.png") no-repeat;
		}
	.left-drop input:hover
	{
		background:url("../Images/mainpage/left_b.png") no-repeat;
	}
	.right-drop input:hover{
		background:url("../Images/mainpage/right_b.png") no-repeat;
	}
	

	
	/*------------nav-------------*/

		.nav{
		width:90px;height:55px;
		background:url("../Images/mainpage/nav/nav.png") no-repeat;
		margin-bottom:3px;
		text-align:center;
		padding-top:20px;
		}
		.nav p{ margin:auto auto; }
	
	   
	
/*-------------photo------------*/

.photo{ max-height:200px; max-width:200px; }

/*--------comment-------------*/

.com
{
/* margin-left: 15px;*/
outline-style:none;
/*margin-top: 17px;*/
 /*float:left;*/
 
  width:434px;
  height:16px;
  
 }
 
 /*-----------feelimage-----------*/
 .feelimage
{
    width:60px;
    height:60px; 
     float:left;
    margin-top:10px;
 }
 
 /*---------mood---------------*/

	#mood{width:220px;top:300px;left:500px;position:absolute;display:none;}
	#mood img{width:60px;height:60px;margin-left:10px;margin-top:10px;float:left;}
	#mood a{margin-top:-17px;margin-right:10px;float:right;}

 
 /*---------diary--------*/
         
     
    #diary
    {
        width:404px;
        height:270px;
        
    }
    #diary
    
    {
        margin-left:30px;
    }
    #diary img{ width:80;height:80px;}
    #diary img
    { position:absolute;
      left:565px;
      top:347px;
      
    }
    #diary #huanbiaoqing
    { position:absolute;left:830px;top:437px;}
    #diary #zishu { position:absolute;left:890px;top:437px;}
    #diary #fabu{ position:absolute;left:850px;top:474px;}
    #diary #fabu{ background:url("../Images/mainpage/button/diary.png") no-repeat -12px -22px;
    width:55px;height:24px;
    border:none;
    }
    #diary #fabu:hover{ left:851px; }
    #diaryarea{
        
     font-size:14px;
     outline-style:none;
      border:none;
     background:url("../Images/mainpage/feeling/diary.png") no-repeat 40px -42px;
     
     width:320px;
     height:150px;
     padding-left:180px;
     padding-right:60px;
     padding-top:35px;
     padding-bottom:100px;
     line-height:26px;
    
    }
    
    
    /*----------------ouyang------------*/
    .commentareafocusout{height:16px;color:#8ca683;}
	.commentareafocus{height:48px;color:black;}
	
	.recommend { display:table;}
	/* -------------------isopp-------------select--------*/
	
	
.listhead .tag_select{ padding-left:-50px; margin-top:2px; padding-top:3px;display:block;color:#000;width:300px;height:23px;background:transparent url("../Images/mainpage/recommend/sex-choose.png") no-repeat 120px 2px;line-height:23px; color:#7D7D7D; font-size:12px; cursor:pointer}
.listhead .tag_select_hover{color:#c6c6c6;}
.listhead .tag_select_open{color:#b0cca6;}
.listhead .tag_select span { margin-right: 110px; font-size:16px;padding-top:2px;}
 .listhead  ul.tag_options{ text-align:left; left:278px;
position:absolute;list-style:none;background:#fff; padding-left:0;width:74px ; margin-top:0px; overflow:hidden; overflow-y:auto; font-size:14px; 
margin-left:10px; cursor:pointer; z-index:1000 }
 .listhead  ul.tag_options li{ background:#fff; display:block;width:100px;padding:0 10px;height:20px;text-decoration:none;line-height:20px;color:#000; font-weight:normal; font-size:12px}
.listhead  ul.tag_options li.open_hover{background:#b0cca6;color:#000; font-weight:normal; font-size:14px}
.listhead  ul.tag_options li.open_selected{background:#8ca683; font-size:14px;}

.listhead  #abc { position:absolute;left:390px; margin-top:-23px;}



/*------------------------添加------------------*/
.trend .commentline span { margin-left:5px;}


#mv input
{
    background:url("../Images/mainpage/button/b_search.png") no-repeat -12px -5px;
	width:55px;height:24px;
	border:none; 
	cursor:pointer;
    }
    
  /*  
    <div id="share">
	<input type="text" /><button>分享</button>
	<textarea style="display:none;"></textarea>
</div>*/
#share{ width:500px; margin:auto;}
  #share input { width:400px;height:20px;}
  #share textarea{ width:400px;height:80px;}
  
  .showdialog{ width:500px;margin:auto;}
  
   .showa
{  
        font-size:16px;
      margin-left:20px;
      font-weight:bold;
      
}
 .showb
    {
     
     width:80px;
     text-align:right;
     font-size:12px;
     margin-left:10px;

}
#foot { text-align:center; font-size:12px; padding-top:10px;}
.nav a{ cursor:pointer;}